route.loader (tanstack)

(レンダリング時ではなく) routeがマッチした時点でデータを取得し始められる

コンテンツを速く表示できるようになる

仮にこの処理がめちゃくちゃ遅いと、クリックしてから遷移するまでに待たせる感じになる

クリックして反応ないな？という感じの体験になる

code:ts

export const Route = createFileRoute('/posts')({

loader: () => fetchPosts(), // ←こいつ

})

stale-while-revalidateを使える

データが既にあれば、それを使用する

引数